<template>
  <div id="app">
    <section>
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
       
    </section>
   <footer>
      <van-tabbar route>
      <van-tabbar-item replace to="/one" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item replace to="/fen" icon="search">分类</van-tabbar-item>
      <van-tabbar-item replace to="/cart" icon="search"
        >购物车</van-tabbar-item
      >
      <van-tabbar-item replace to="/my" icon="search">我的</van-tabbar-item>
    </van-tabbar>
    </footer>
  </div>
</template>

<style lang="scss">
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,body{
  width: 100%;
  height: 100%;
}
#app{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#app>section{
  flex: 1;
  overflow: auto;
}
footer{
  height: 50px;
}
</style>
